.cop {
    //background: #fff;
    height: 100%;
    overflow-y: auto;
    padding: 0;

    .cop-item {
        background-color: #fff;
        border-radius: 10px;

        .assign-btn {
            width: 100%;
            .px2rem(height, 70);
            .px2rem(border-radius, 15);
            .px2rem(margin-top, 30);
            // background-color: rgb(6,97,130);
        }
    }

    .problem-title {
        // .px2rem(padding-top, 15);
        // .px2rem(padding-bottom, 15);
        // // .px2rem(padding-left, 80);
        // // .px2rem(padding-right, 80);
        // margin: 0 auto;
        // // .px2rem(width, 200);
        // .px2rem(border-radius, 15);
        // border: 1px solid #7674f5;
        text-align: center;
        .px2rem(border-top-left-radius, 20);
        .px2rem(border-top-right-radius, 20);
        // background-color: #fdb3de;
        .px2rem(padding, 30);
        // background-color: #fac4e3;
        // color: #fa088d;
        .px2rem(font-size, 28);
        .px2rem(line-height, 45);
        font-weight: 700;
    }

    .problem-title-a {
        // background-color: rgb(254, 226, 241);
        // color: rgb(197, 38, 125);
        background-color: rgb(202, 238, 251);
        color: rgb(6, 97, 130);
    }

    .problem-title-b {
        background-color: rgb(202, 238, 251);
        color: rgb(6, 97, 130);
    }

    .problem-title-c {
        background-color: rgb(202, 238, 251);
        color: rgb(6, 97, 130);
        // background-color: rgb(213, 246, 211);
        // color: rgb(26, 117, 38);
    }

    .problem-list {
        .px2rem(padding, 20);
        .px2rem(margin-bottom, 20);
        border-bottom: 1px solid #eee;

        li {
            .px2rem(padding, 10);

            .problem-list-img-list {
                .px2rem(margin-top, 20);

                .problem-list-img {
                    .px2rem(width, 180);
                    .px2rem(height, 180);
                    .px2rem(margin, 10);
                }
            }

        }

        .problem-btn {
            .px2rem(padding, 30);
            display: flex;
            justify-content: space-between;

            .problem-btn-item {
                .px2rem(padding-top, 10);
                .px2rem(padding-bottom, 10);
                .px2rem(padding-left, 50);
                .px2rem(padding-right, 50);
                .px2rem(height, 80);
                .px2rem(border-radius, 15);
                border-color: #f840a5;
                color: #f840a5;
            }
        }
    }

    .user-list-page {
        position: relative;
        // .px2rem(height, 400);
        .px2rem(padding-top, 30);
        .px2rem(padding-bottom, 40);
        .px2rem(padding-left, 10);
        .px2rem(padding-right, 10);

        .user-list-page-items {
            width: 180px;
        }

        .user-list-page-item {
            .px2rem(padding-top, 10);
            .px2rem(padding-bottom, 10);
            .px2rem(padding-left, 30);
            .px2rem(padding-right, 30);
            display: flex;

            justify-content: center;

            // align-items: center
            /deep/ .el-select {
                // .px2rem(max-width, 800);

            }

            /deep/ .el-input__inner {
                padding: 0;
                .px2rem(padding-left, 15);
                // .px2rem(max-width, 400);
                // .px2rem(min-width, 280);
                // .px2rem(width, 300);
                width: 175px;
            }
        }

        .user-list-page-items::v-deep .van-field__value {
            border: 1px solid #DCDFE6;
            .px2rem(border-radius, 6);
            // .px2rem(padding-left, 15);
            // width:0px;
            flex: none;
            overflow: hidden;
            // .px2rem(padding-right, 15);
        }

        /deep/ .van-field__body {
            width: 175px;
            height: 82px;
        }

        /deep/ .van-cell {
            // .px2rem(padding-top, 20);
            // .px2rem(padding-bottom, 20);
            // .px2rem(padding-left, 30);
            // .px2rem(padding-right, 30);
            // width: calc(100% - 70px);
            padding: 0;

            box-sizing: border-box;
            z-index: 100;
            //  .px2rem(width, 380);
            // // .px2rem(max-width, 400);
            // // .px2rem(min-width, 280);
            // .px2rem(width, 340);
        }

        /deep/ .van-field__control {
            padding: 0;
            // .px2rem(max-width, 400);
            // .px2rem(min-width, 280);
            // .px2rem(width, 300);
            //width: 175px;
            // border: 1px solid #DCDFE6;
            .px2rem(border-radius, 6);
            .px2rem(padding-left, 15);
            .px2rem(padding-right, 15);
        }

        .lable {
            .px2rem(width, 85);
            display: block;
            .px2rem(font-size, 18);
            color: #646566;
            .px2rem(padding-top, 5);
            // span{
            //     .px2rem(width, 190);
            //     display: inline-block;
            //     .px2rem(font-size, 18);
            //     color: #646566;
            //     .px2rem(padding-top, 5); 
            // }
        }
    }

    // .user-list {
    //     .px2rem(height, 280);
    //     .px2rem(width, 450);
    //     overflow-y: auto;
    //     position: absolute;
    //     .px2rem(left, 130);
    //     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);

    // }

}

.cop::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background-color: transparent;
}

.cop::-webkit-scrollbar-thumb {
    background-color: transparent;
}

/deep/ .user-list-page-item-select .el-input__inner::-webkit-input-placeholder {
    .px2rem(font-size, 18);
}

/deep/ .user-list-page-item-select .el-select__input {
    .px2rem(margin-left, 10);
}

// /deep/ .van-field__label {
//     .px2rem(width, 60);
//     display: block;
//     .px2rem(font-size, 18);
//     color: #646566;
//     .px2rem(padding-top, 5);
//     margin: 0;
// }

// /deep/ .van-field__value{
//     .px2rem(max-width,300);
// }